<template>
  <div>
    <p>父组件</p>
    <!-- <Zi v-for="post in posts" :key="post.id" :title="post.title" :msg="fuMsg"/> -->
    <Zi v-for="post in posts" :key="post.id" :title="post.title" />
  </div>
</template>

<script setup>
import Zi from './Zi3.vue'
import {ref} from 'vue'

const fuMsg = '我是父组件传递给子组件的值fuMsg'

const posts = ref([
  { id: 1, title: 'My journey with Vue' },
  { id: 2, title: 'Blogging with Vue' },
  { id: 3, title: 'Why Vue is so fun' }
])


</script>